import { useI18n } from 'vue-i18n'

export interface MenuItem {
  index: string;
  title: string;
  icon?: string;
  children?: MenuItem[];
}

export const useMenuItems = () => {
  const { t } = useI18n()
  
  const items: MenuItem[] = [
    {
      index: 'home',
      title: t('menu.springOffer'),
      icon: ''
    },
    {
      index: 'bestsellers',
      title: t('menu.bestSellers'),
      icon: ''
    },
    {
      index: 'female',
      title: t('menu.female.title'),
      icon: '',
      children: [
        {
          index: 'female-all',
          title: t('menu.female.all')
        },
        {
          index: 'g-spot',
          title: t('menu.female.gSpot')
        },
        {
          index: 'clitoral',
          title: t('menu.female.clitoral')
        },
        {
          index: 'rabbit',
          title: t('menu.female.rabbit')
        },
        {
          index: 'bullet',
          title: t('menu.female.bullet')
        },
        {
          index: 'remote',
          title: t('menu.female.remote')
        },
        {
          index: 'travel',
          title: t('menu.female.travel')
        },
        {
          index: 'wand',
          title: t('menu.female.wand')
        },
        {
          index: 'ben-wa',
          title: t('menu.female.benWa')
        },
        {
          index: 'anal-beads',
          title: t('menu.female.analBeads')
        }
      ]
    },
    {
      index: 'male',
      title: t('menu.male.title'),
      icon: '',
      children: [
        {
          index: 'male-all',
          title: t('menu.male.all')
        },
        {
          index: 'masturbators',
          title: t('menu.male.masturbators')
        },
        {
          index: 'sleeves',
          title: t('menu.male.sleeves')
        },
        {
          index: 'prostate',
          title: t('menu.male.prostate')
        }
      ]
    }
  ]
  
  return items
} 